<%@include file="/WEB-INF/jsp/include/page_header.jspf" %>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Jawab Tawaran Haji</title>
        <script>
           var svcount=${save_count};
            $(document).ready(function(){
//                $( "#tabs" ).tabs();

                var warganegara_value="${actionBean.haji.mohonMaklumat.warganegara.kod}";
                if(warganegara_value == "MYS"){
                    $("#warganegara_na").hide();
                }
                $("#poskod1").autocomplete({                                            
                    source: function( request, response ) {                        
                        var val = $("#negeri").val();
                        var url = '${pageContext.request.contextPath}/poskod/' + val +'?viewPoskodAndDesc';
                        $.ajax({
                            url: url,
                            dataType: "text",
                            data: {
                                name_startsWith: request.term
                            },                            
                            success: function( data ) {      
                                var splitData =  data.split(",");                               
                                response(splitData);
                            }
                        });
                    }
                });
                $("#poskodWaris").autocomplete({                                            
                    source: function( request, response ) {                        
                        var val = $("#negeriwaris").val();
                        var url = '${pageContext.request.contextPath}/poskod/' + val +'?viewPoskodAndDesc';
                        $.ajax({
                            url: url,
                            dataType: "text",
                            data: {
                                name_startsWith: request.term
                            },                            
                            success: function( data ) {      
                                var splitData =  data.split(",");                               
                                response(splitData);
                            }
                        });
                    }
                });
                
                
            });
            
            //-------------- poskod dropdown ------------------
            function setOption(chosen) {
            var selbox = document.getElementById("poskod1");
            selbox.length = 0; 
           
            var val = chosen;
            var url = '${pageContext.request.contextPath}/poskod/' + val +'?viewPoskodOnly'; 
            var splitData;            
             $.ajax({
                 url: url,
                 dataType: "text",

                 success: function( data ) {      
                      splitData =  data.split(",");

                       
                     for (var i=0; i <splitData.length; i++){
                         var pskodNDes, pskd, des;
                         pskodNDes = splitData[i];
                         pskd = splitData[i].substr(0, 6);
                         des = splitData[i].substr(7,splitData[i].length);
                         selbox.options[selbox.options.length] = new Option(pskd,pskodNDes);
                    }  
                 } 
               })  
                  
            }
            
            function setPoskod(pskd) {

                var poskod = pskd.substr(0,6);
                var d =  document.getElementById("poskod1").value.trim();
               
                document.getElementById("poskod1").value= pskd;
                document.getElementById("poskod2").value= poskod;
                document.getElementById("poskodDeskripsi").value=d.substring(6,pskd.length);
            
                document.getElementById("lbl_poskod").innerHTML = document.getElementById("poskodDeskripsi").value;
               // document.getElementById("lbl_poskodDes").innerHTML = document.getElementById("poskod2").value;
               
              
            }
            //-----------------------------------------------
            
             //-------------- poskod waris dropdown ------------------
            function setOptionWaris(chosen) {
            var selbox = document.getElementById("poskodWaris");
            selbox.length = 0; 
           
            var val = chosen;
            var url = '${pageContext.request.contextPath}/poskod/' + val +'?viewPoskodOnly'; 
            var splitData;            
             $.ajax({
                 url: url,
                 dataType: "text",

                 success: function( data ) {      
                      splitData =  data.split(",");

                       
                     for (var i=0; i <splitData.length; i++){
                         var pskodNDes, pskd, des;
                         pskodNDes = splitData[i];
                         pskd = splitData[i].substr(0, 6);
                         des = splitData[i].substr(7,splitData[i].length);
                         selbox.options[selbox.options.length] = new Option(pskd,pskodNDes);
                    }  
                 } 
               })  
                  
            }
            
            function setPoskodWaris(pskd) {

                var poskod = pskd.substr(0,6);
                var d =  document.getElementById("poskodWaris").value.trim();
               
                document.getElementById("poskodWaris").value= pskd;
                document.getElementById("poskodWaris1").value= poskod;
                document.getElementById("poskodDeskripsiWaris").value=d.substring(6,pskd.length);
            
                document.getElementById("lbl_poskodWaris").innerHTML = document.getElementById("poskodDeskripsiWaris").value;
                //document.getElementById("lbl_poskodDes").innerHTML = document.getElementById("poskod2").value;
               
              
            }
            //-----------------------------------------------
            
            
            function toUpperCase(id){
                var inpobj = document.getElementById(id);
                inpobj.value = inpobj.value.toUpperCase();
            }
            
            function regextest(evt) {
                var theEvent = evt || window.event;
                var key = theEvent.keyCode || theEvent.which;
                key = String.fromCharCode( key );                
                var regex = /^[a-zA-Z ]+$/;
                if( !regex.test(key) ) {
                  theEvent.returnValue = false;
                  if(theEvent.preventDefault) theEvent.preventDefault();
                }
            }
            function regextest1(evt){
                var theEvent = evt || window.event;
                var key = theEvent.keyCode || theEvent.which;
                key = String.fromCharCode( key );                
                var regex = /^[0-9]+$/;
                if( !regex.test(key) ) {
                  theEvent.returnValue = false;
                  if(theEvent.preventDefault) theEvent.preventDefault();
                }
            }
                
            function divide()
            {
                var poskod=document.getElementById("poskod1").value.trim();
                document.getElementById("poskod1").value=poskod.substr(0,5);
                document.getElementById("poskodDeskripsi").value=poskod.substr(6,poskod.length);
                document.getElementById("place").innerHTML=document.getElementById("poskodDeskripsi").value;            
            }         
            function divide1()
            {
                var poskod=document.getElementById("poskodWaris").value.trim();
                document.getElementById("poskodWaris").value=poskod.substr(0,5);
                document.getElementById("poskodDeskripsiWaris").value=poskod.substr(6,poskod.length);
                document.getElementById("placewaris").innerHTML=document.getElementById("poskodDeskripsiWaris").value;            
            }
            
            function validate()
            {
                var alamat_surat=document.getElementById("alamat1");
                var negeri=document.getElementById("negeri");
                var poskod1=document.getElementById("poskod1");
                var notel1=document.getElementById("noTel1");
                var notel2=document.getElementById("noTel2");
                var notel3=document.getElementById("noTel3");        
                var perkahwinam=document.getElementById("perkahwinam");
                var pendidikan=document.getElementById("pendidikan");
                var sektor=document.getElementById("sektor");
                var pekerjaan=document.getElementById("pekerjaan");
                var namaWaris=document.getElementById("namaWaris");
                var noKpWaris=document.getElementById("noKpWaris");
                var alamatWaris1=document.getElementById("alamatWaris1");
                var negeriwaris=document.getElementById("negeriwaris");
                var poskodWaris=document.getElementById("poskodWaris");
                var noTelwaris1=document.getElementById("noTelwaris1");
                var noTelwaris2=document.getElementById("noTelwaris2");
                var noTelwaris3=document.getElementById("noTelwaris3");
                var hubungan=document.getElementById("hubungan");
              if(!alamat_surat_validate(alamat_surat)){
                  return false;
              }else if(!negeri_validate(negeri)){
                  return false;
              }else if(!poskod1_validate(poskod1)){
                       return false;
              }else if (!notel1_validate(notel1, notel2, notel3)){
                  return false;
              }else if(!perkahwinam_validate(perkahwinam)){
                  return false;
              }else if(!pendidikan_validate(pendidikan)){
                  return false;
              }else if(!sektor_validate(sektor)){
                  return false;
              }else if(!pekerjaan_validate(pekerjaan)){
                  return false;
              }else if(!namaWaris_validate(namaWaris)){
                  return false;
              }else if (!noKpWaris_validate(noKpWaris)) {
                  return false;
              }else if(!alamatWaris1_validate(alamatWaris1)){
                  return false;
              }else if(!negeriwaris_validate(negeriwaris)){
                  return false;
              }else if(!poskodWaris_validate(poskodWaris)){
                  return false;
              }else if (!noTelwaris1_validate(noTelwaris1, noTelwaris2, noTelwaris3)){
                  return false;
              }else if(!hubungan_validate(hubungan)){
                  return false;
              }else{
                  blockUI();
               //   save_count++;
                  return true;
              }   
            }
            
            function alamat_surat_validate(alamat_surat)
            {
                if(alamat_surat.value.length<=80 && alamat_surat.value.length>=1)
                {
                        return true;
                }
                else
                {
                    alert("Sila masukkan alamat yang sah");
                    alamat_surat.focus();
                    return false;
                }
            }
            
            function negeri_validate(negeri)
            {
                if(negeri.value=="")
                {
                        alert("Sila masukkan negeri");
                        return false;
                }
                else
                    return true;
            }
            
            function poskod1_validate(poskod2)
            {
                if(poskod2.value.trim().length>1)
                {
                    return true;
                }
                else
                {
                    alert("Sila masukkan poskod");
                    poskod2.focus();
                    return false;
                }
            }
            
            function notel1_validate(notel1, notel2, notel3)
            {
                if(!(notel1.value.trim().length >1 || notel2.value.trim().length >1 || notel3.value.trim().length>1)){
                    alert("Salah satu no telefon wajib diisi" );
                    notel1.focus();
                    return false;
                }
                else{
                    return true;                    
                }
            }
            
            function perkahwinam_validate(perkahwinam)
            {
                if(perkahwinam.value=="")
                {
                        alert("Sila masukkan Taraf Perkahwinan");
                        return false;
                }
                else
                    return true;
            }
            
            function pendidikan_validate(pendidikan)
            {
                if(pendidikan.value=="")
                {
                        alert("Sila masukkan Taraf Pendidikan");
                        return false;
                }
                else
                    return true;
            }
            
            function sektor_validate(sektor)
            {
                if(sektor.value=="")
                {
                        alert("Sila masukkan Sektor Pekerjaan");
                        return false;
                }
                else
                    return true;
            }
            
            function pekerjaan_validate(pekerjaan)
            {
                if(pekerjaan.value=="")
                {
                        alert("Sila masukkan Jenis Pekerjaan");
                        return false;
                }
                else
                    return true;
            }
            
            function namaWaris_validate(namaWaris)
            {
                if(namaWaris.value=="")
                {
                        alert("Sila masukkan Nama Waris");
                        namaWaris.focus();
                        return false;
                }
                else
                    return true;
            }
            
            function noKpWaris_validate(noKpWaris)
            {
                if(noKpWaris.value.length<12)
                {
                        alert("Sila masukkan No KP Semasa Waris");
                        noKpWaris.focus();
                        return false;
                }
                else
                    return true;
            }
            function alamatWaris1_validate(alamatWaris1)
            {
                //if(alamatWaris1.value.length<=80 && alamatWaris1.value.length>=1) change 17/4
                if(alamatWaris1.value.length<=30 && alamatWaris1.value.length>=1)
                {
                        return true;
                }
                else
                {
                    alert("Sila masukkan alamat waris yang sah");
                    alamatWaris1.focus();
                    return false;
                }
            }
            function negeriwaris_validate(negeriwaris)
            {
                if(negeriwaris.value=="")
                {
                        alert("Sila masukkan negeri waris");
                        return false; 
                }
                else
                    return true;
            }
            function poskodWaris_validate(poskodWaris)
            {
                if(poskodWaris.value.trim().length>1)
                {
                    return true;
                }
                else
                {
                    alert("Sila masukkan poskod waris");
                    poskodWaris.focus();
                    return false;
                }
            }
            function noTelwaris1_validate(noTelwaris1, noTelwaris2, noTelwaris3)
            {
                if(!(noTelwaris1.value.trim().length >1 || noTelwaris2.value.trim().length >1 || noTelwaris3.value.trim().length>1)){
                    alert("Salah satu no telefon wajib diisi" );
                    noTelwaris1.focus();
                    return false;
                }
                else{
                    return true;                    
                }
            }
            function hubungan_validate(hubungan)
            {
                if(hubungan.value=="")
                {
                        alert("Sila masukkan Pertalian");
                        return false; 
                }
                else                    
                    return true;
            }
            function validate1(f)
            {
                if(validate())
                { 
                    f.action = "${pageContext.request.contextPath}/haji/response?HajjResp_Step5";
                    f.submit();
                }
            } 
            
//            Change : 30/10/2013 - change page flow : 
//                     after update profile, 
//                     check umur/gender, if wanita, age <= 44 go to page "tambah mahram" 
            function validateSimpan(f){
                if(svcount!=1){
                    alert("Sila Klik Simpan");
                    return false;
                }
                else{
                    f.action = "${pageContext.request.contextPath}/haji/response?showPengkumpulan";
                    f.submit();                    
                }
            }
            
//             function validateSimpan(f){
//                if(svcount!=1){
//                    alert("Sila Klik Simpan");
//                    return false;
//                }
//                else{
//                    f.action = "${pageContext.request.contextPath}/haji/response?checkJemaah";
//                    f.submit();                    
//                }
//            }
            
        </script>
    </head>
    <body>
        <s:messages/>
        <s:errors/>
        <br/>
        <s:useActionBean beanclass="th.stripes.util.ListUtil" id="listUtil" />
        <s:form beanclass="th.stripes.action.HajiResponseActionBean" class="niceform">
        <s:hidden name="haji.noKp" id="noKp"/>
        <s:hidden name="haji.noDaftar" id="noDaftar"/>
        <s:hidden name="haji.nama" id="nama"/>
        <s:hidden name="haji.noAkaun" id="noAkaun"/>
        <s:hidden name="haji.alamat1"/>
        <s:hidden name="haji.alamat2"/> 
        <%--<s:hidden name="haji.poskod" id="poskod"/>--%>
        <s:hidden name="haji.poskodDeskripsi" id="poskodDeskripsi"/>
        <s:hidden name="haji.poskodDeskripsiWaris" id="poskodDeskripsiWaris"/>
        <s:hidden name="haji.tahunTawaran" id="tahunTawaran"/>
        <s:hidden name="haji.tahunTawaranHijrah" id="tahunTawaranHijrah"/>
        <s:hidden name="haji.mohonMaklumat.poskod" id="poskod2"/>
        <s:hidden name="haji.poskodWaris" id="poskodWaris1"/>
        <s:hidden name="haji.noKpWaris"/>
      
         
        
        <!--<fieldset style="border-radius: 10px">-->
   
            <div id="content">
            <div id="logo">
                <span><img src="${pageContext.request.contextPath}/images/img/ribbon.png"/></span>
            </div> 
            <h3>
                Jawab Tawaran Tunai Haji  
            </h3>
    
            <p>
                        <label>Nama :</label> ${actionBean.haji.mohonMaklumat.nama}
            </p>
            <p>
                        <label>No. Akaun TH :</label> ${actionBean.haji.mohonMaklumat.noAkaun}
            </p>
            <p>
                        <label>No. KP Semasa :</label> ${actionBean.haji.mohonMaklumat.noPengenalan}
            </p>
            <p>
                <br>&nbsp;
            </p> 
            <p>
                    Anda telah memilih untuk menerima tawaran. Sila isikan maklumat di bawah.
            </p>             
                
            <p>
                        <b>Butir-butir peribadi</b>
            </p>
            <p>
                        <label>Alamat Surat Menyurat<font color="red">*</font> :</label>
                        <s:text name="haji.mohonMaklumat.alamat1" size="40" maxlength="30" id="alamat1" onblur="toUpperCase(this.id)"/>
            <p>
                        <label>&nbsp;</label><s:text name="haji.mohonMaklumat.alamat2" size="40" maxlength="30" id="alamat2" onblur="toUpperCase(this.id)"/>               
            </p>
            <p>
                        <label>&nbsp</label><s:text name="haji.mohonMaklumat.alamat3" size="40" maxlength="30" id="alamat3"  onblur="toUpperCase(this.id)"/>                            
            </p>
            <%--
            <p>
                         <label>Negeri<font color="red">*</font> :</label>                
                        <s:select name="haji.mohonMaklumat.negeri.code" id="negeri">
                            <s:option value="">Sila Pilih</s:option>
                            <c:forEach items="${listUtil.senaraiNegeri}" var="item">
                                <s:option value="${item.code}">${item.code} - ${item.desc}</s:option>
                            </c:forEach>                                                             
                        </s:select>                                    
            </p>
             
            <p>
                        <label>Poskod<font color="red">*</font> :</label>
                        <s:text name="haji.mohonMaklumat.poskod" id="poskod1" size="20" maxlength="5" onblur="divide()"/>&nbsp;&nbsp;<span id="place">${actionBean.haji.poskodDeskripsi}</span>
                        
            </p>
            --%>
           
            <p>
                         <label>Negeri<font color="red">*</font> :</label>                
                         <s:select name="haji.mohonMaklumat.negeri.code" id="negeri" onchange="setOption(this.value)">
                            <s:option value="">Sila Pilih</s:option>
                            <c:forEach items="${listUtil.senaraiNegeri}" var="item">
                                <s:option value="${item.code}">${item.code} - ${item.desc}</s:option>
                            </c:forEach>                                                             
                        </s:select>                                    
            </p>
            <p>
                    <label>Poskod<font color="red">*</font> : </label> 
                    
                            <s:select name="haji.mohonMaklumat.poskod" id="poskod1" onchange="setPoskod(this.value)">
                                
                                <s:option value="${haji.mohonMaklumat.poskod}">${haji.mohonMaklumat.poskod}</s:option>
                                <%--<s:option value="${actionBean.haji.poskod}">${actionBean.haji.poskod}</s:option> --%>
                            </s:select> 
                    <%--<text>&nbsp;&nbsp;&nbsp;&nbsp;</text><text id="lbl_poskod">${actionBean.haji.poskodDeskripsi}</text>--%>
                    <text>&nbsp;&nbsp;&nbsp;&nbsp;</text><text id="lbl_poskod"></text>
                    <%--<text>&nbsp;&nbsp;&nbsp;&nbsp;</text><text id="lbl_poskodDes"></text>--%>
                    <s:text name="haji.mohonMaklumat.poskod" id="poskod2" size="20" maxlength="5" style="display: none"/>
                  <%--  <text>&nbsp;&nbsp;&nbsp;&nbsp;</text><text id="lbl_poskodDes">${actionBean.haji.poskod}</text> --%>
            </p> 
           
            
            <p style="height: 15px;">
                        <label><font size="2">No Tel(Sila isi salah satu)</font><font color="red">*</font>&nbsp;&nbsp;&nbsp;</label>&nbsp;
            </p>
            <p>
                        <label>Rumah :</label>
                        <s:text name="haji.mohonMaklumat.noTel1" id="noTel1" maxlength="12" onkeypress='regextest1(event)'/>
            </p>
            <p>
                        <label>Pejabat :</label>
                        <s:text name="haji.mohonMaklumat.noTel2" id="noTel2" maxlength="12" onkeypress='regextest1(event)'/>
            </p>
            <p>                        
                        <label>Bimbit :</label>
                        ${actionBean.haji.mohonMaklumat.noTel3}&nbsp;
                        <s:hidden name="haji.mohonMaklumat.noTel3" id="noTel3" />
                        
            </p>
            <p>
                        <label>E-mail:</label>
                        <s:text name="haji.mohonMaklumat.emel" id="email" />
            </p>
            <p>
                        <label>Taraf Perkahwinan<font color="red">*</font> :</label>
                        <s:select name="haji.mohonMaklumat.perkahwinan.kod" id="perkahwinam">
                                <s:option value="">Sila Pilih</s:option>
                                <c:forEach items="${listUtil.senaraiPerkahwinan}" var="item">
                                    <s:option value="${item.kod}">${item.kod} - ${item.nama}</s:option>
                                </c:forEach>                                                             
                        </s:select>
            </p>
            <p>
                        <label>Taraf Pendidikan<font color="red">*</font> :</label>
                        <s:select name="haji.mohonMaklumat.pendidikan.kod" id="pendidikan">
                                <s:option value="">Sila Pilih</s:option>
                                <c:forEach items="${listUtil.senaraiTahapPengajian}" var="item">
                                    <s:option value="${item.kod}">${item.kod} - ${item.nama}</s:option>
                                </c:forEach>                                                             
                        </s:select>
            </p>
            <p>
                        <label>Warganegara : </label>
                        ${actionBean.haji.mohonMaklumat.warganegara.nama}&nbsp;
            </p>
            <p id="warganegara_na">
                        <label>Negara Asal :</label>
                        <s:select name="haji.mohonMaklumat.warganegara.kod" class="required"  id="warganegara">
                                <s:option value="">Sila Pilih</s:option>
                                <c:forEach items="${listUtil.senaraiWarganegara}" var="item">
                                    <s:option value="${item.kod}">${item.kod} - ${item.nama}</s:option>
                                </c:forEach>                   
                        </s:select>                                    
            </p>
            <p>
                        <label>Sektor Pekerjaan :</label>                
                        <s:select name="haji.mohonMaklumat.sektorPekerjaan.kod" class="required"  id="sektor">
                            <s:option value="">Sila Pilih</s:option>
                            <c:forEach items="${listUtil.senaraiSektorPekerjaan}" var="item">
                                <s:option value="${item.kod}">${item.kod} - ${item.nama}</s:option>
                            </c:forEach>                  
                        </s:select>                                   
            </p>
            <p><!--added 22/04/13-->
                        <label>Jenis Pekerjaan: <font color="red">*</font></label>               
                        <s:select name="haji.mohonMaklumat.pekerjaan.kod" class="required" id="pekerjaan">
                            <s:option value="">Sila Pilih</s:option>
                            <c:forEach items="${listUtil.senaraiPekerjaan}" var="item">
                                <s:option value="${item.kod}">${item.kod} - ${item.nama}</s:option>
                            </c:forEach>
                        </s:select>                                   
            </p>
            <p>
                        <b>Maklumat Waris di Malaysia</b>
            </p>
            <p>
                        <label>Nama Waris<font color="red">*</font> :</label>
                        <s:text name="haji.namaWaris" id="namaWaris" size="50" onblur="toUpperCase(this.id)"/>
            </p>
            <p>
                        <label>No Akaun TH(Jika Ada) :</label>
                        <s:text name="haji.noAkaunWaris" id="noAkaunWaris" />
            </p>
            <p>
                        <label>No KP Semasa<font color="red">*</font>:</label>
                        <s:text name="haji.noKpWaris" id="noKpWaris" maxlength="12"/>
                        
            </p>
            <p>
                        <label>Alamat<font color="red">*</font> :</label>
                        <s:text name="haji.alamatWaris1" size="40" maxlength="30" id="alamatWaris1" onblur="toUpperCase(this.id)"/>
            </p>
            <p>
                        <label>&nbsp;</label>                
                        <s:text name="haji.alamatWaris2" size="40" maxlength="30" id="alamatWaris2" onblur="toUpperCase(this.id)"/>
            </p>
            <p>
                        <label>&nbsp;</label>
                        <s:text name="haji.alamatWaris3" id="alamatWaris3" size="40" maxlength="30" onblur="toUpperCase(this.id)"/>
            </p>
            <%--
            <p>
                        <label>Negeri<font color="red">*</font> :</label>
                        <s:select name="haji.negeriWaris.code" id="negeriwaris">
                                <s:option value="">Sila Pilih</s:option>
                                <c:forEach items="${listUtil.senaraiNegeri}" var="item">
                                    <s:option value="${item.code}">${item.code} - ${item.desc}</s:option>
                                </c:forEach>                                                             
                        </s:select>                                 
            </p>
            <p>
                        <label>Poskod<font color="red"></font> :</label>
                        <s:text name="haji.poskodWaris" id="poskodWaris" size="20" maxlength="5" onblur="divide1()"/>&nbsp;&nbsp;<span id="placewaris">${actionBean.haji.poskodDeskripsiWaris}</span>
            </p>
            --%>
             <p>
                         <label>Negeri<font color="red">*</font> :</label>                
                         <s:select name="haji.negeriWaris.code" id="negeriwaris" onchange="setOptionWaris(this.value)">
                            <s:option value="">Sila Pilih</s:option>
                            <c:forEach items="${listUtil.senaraiNegeri}" var="item">
                                <s:option value="${item.code}">${item.code} - ${item.desc}</s:option>
                            </c:forEach>                                                             
                        </s:select>                                    
            </p>
            <p>
                    <label>Poskod<font color="red">*</font> : </label> 
                    
                            <s:select name="haji.poskodWaris" id="poskodWaris" onchange="setPoskodWaris(this.value)">
                                
                                <s:option value="${haji.poskodWaris}">${haji.poskodWaris}</s:option>
                                <%--<s:option value="${actionBean.haji.poskod}">${actionBean.haji.poskod}</s:option> --%>
                            </s:select> 
                    <%--<text>&nbsp;&nbsp;&nbsp;&nbsp;</text><text id="lbl_poskod">${actionBean.haji.poskodDeskripsi}</text>--%>
                    <text>&nbsp;&nbsp;&nbsp;&nbsp;</text><text id="lbl_poskodWaris"></text>
                    <%--<text>&nbsp;&nbsp;&nbsp;&nbsp;</text><text id="lbl_poskodDes"></text>--%>
                    <s:text name="haji.mohonMaklumat.poskod" id="poskod2" size="20" maxlength="5" style="display: none"/>
                  <%--  <text>&nbsp;&nbsp;&nbsp;&nbsp;</text><text id="lbl_poskodDes">${actionBean.haji.poskod}</text> --%>
            </p> 
            
            <p>
                        <label><font size="2">No Tel(Sila isi salah satu)</font><font color="red">*</font>&nbsp;&nbsp;&nbsp;</label>&nbsp;
            </p>
            <p>
                        <label>Rumah :</label>
                        <s:text name="haji.noTel1waris" id="noTelwaris1" maxlength="12" onkeypress='regextest1(event)'/>&nbsp;            
            </p>
            <p>
                        <label>Pejabat :</label>
                        <s:text name="haji.noTel2waris" id="noTelwaris2" maxlength="12" onkeypress='regextest1(event)'/>&nbsp;
            </p>
            <p>
                        <label>Bimbit :</label>                        
                        <s:text name="haji.noTel3waris" id="noTelwaris3" maxlength="12" onkeypress='regextest1(event)'/>&nbsp;
            </p>
            <p>
                        <label>Pertalian<font color="red">*</font>:</label>                
                        <s:select name="haji.hubungan.kod" class="required"  id="hubungan">
                                <s:option value="">Sila Pilih</s:option>
                                <c:forEach items="${listUtil.senaraiHubungan}" var="item">
                                    <s:option value="${item.kod}">${item.kod} - ${item.nama}</s:option>
                                </c:forEach>                            
                        </s:select>                                
            </p>                           
            <p align="center">
                    <s:button name="simpan1" value="Simpan" class="button green" onclick="validate1(this.form)"/>
                    <s:submit name="HajjResp_Step8" value="Batal" class="button green"/>
                    <%-- <s:button name="chk" value="Seterusnya" onclick="validateSimpan(this.form)" class="button green"/> --%>
                    <s:button name="chk" value="Seterusnya" onclick="validateSimpan(this.form)" class="button green"/>
            </p>
            <p>
                        <label>&nbsp;</label>
                        <font size="2">Ruangan mandatori bertanda <font color="red">*</font> adalah wajib diisi.</font>
            </p>
        </div>
        </s:form>            
    </body>
</html>


